<script>
export default {
  name: "OrderAdd",
  data() {
    return {
      customerDetailVisible: true,
      statusList: ['已支付', '待支付'],
      form: {
        id: '',
        customerName: '',
        customerPhone: '',
        time: '',
        totalPrice: '',
        status: '',
        carName: '',
        carImage: '',
      },
    }
  },
  methods: {
    onSubmit() {

    },
  }
}
</script>

<template>
  <!--  <el-button type="success" round @click="addEarthquakeVisible=true"  style="margin: 5px" icon="el-icon-plus">添加地震</el-button>-->
  <el-dialog
      v-model="customerDetailVisible"
      title="添加订单"
      width="50%"
  >
    <el-form
        ref="form"
        :model="form"
        label-width="120px"
        label-position="left"
    >
      <el-form-item label="客户名字" prop="customerName">
        <el-input placeholder="请输入客户名字" v-model="form.customerName"></el-input>
      </el-form-item>
      <el-form-item label="客户联系方式" prop="customerPhone">
        <el-input placeholder="请输入客户联系方式" v-model="form.customerPhone"></el-input>
      </el-form-item>
      <el-form-item label="总价格" prop="totalPrice">
        <el-input placeholder="请输入总价格" v-model="form.totalPrice"></el-input>
      </el-form-item>
      <el-form-item label="订单状态" prop="status">
        <el-select v-model="form.status" placeholder="订单状态">
          <el-option
              v-for="item in statusList"
              :key="item"
              :label="item"
              :value="item"
          />
        </el-select>
      </el-form-item>
      <el-form-item label="汽车名字" prop="carName">
        <el-input placeholder="请输入汽车名字" v-model="form.carName"></el-input>
      </el-form-item>
      <el-form-item label="汽车图片链接" prop="carImage">
        <el-input placeholder="请输入汽车图片链接" v-model="form.carImage"></el-input>
      </el-form-item>
      <el-form-item style="text-align: center;">
        <el-button
            type="primary"
            @click="onSubmit"
        >
          添加
        </el-button>
        <el-button @click="customerDetailVisible=false">
          取消
        </el-button>
      </el-form-item>
    </el-form>
  </el-dialog>
</template>

<style scoped>

</style>